$(function() {
	All();
	getshort();
	getshort1();
	loadresourceName();
	getId();
	getId1();

});

/**
 * 获得首字母拼音
 */
var getshort = function(){
	$("#resourceName").keyup(function(){
		var name = $("#resourceName").val();
		$.ajax({
			url:'pinyin/'+name,
			type:'get',
			success:function(data){
				$("#shortName").val(data);
			},
		})
	})
}
var getshort1 = function(){
	$("#resourceName1").keyup(function(){
		var name = $("#resourceName1").val();
		$.ajax({
			url:'pinyin/'+name,
			type:'get',
			success:function(data){
				$("#shortName1").val(data);
			},
		})
	})
}

/**
 * 得到资源名，获取Id
 */
var getId = function(){
    layui.use(['form','layer'],function () {
        var form=layui.form;
        var layer=layui.layer;
        form.on('select(parentName)',function(data){
            var rName = $("#parentName").val();
            layer.msg('监听到下拉选框选中值发生改变'+rName);
            $.ajax({
                url:'getPid/'+rName,
                type:'get',
                success:function(data){
                	$("#parentId").attr("value",data);
                }
            })

        });
    })
}
var getId1 = function(){
    layui.use(['form','layer'],function () {
        var form=layui.form;
        var layer=layui.layer;
        form.on('select(parentName1)',function(data){
            var rName = $("#parentName1").val();
            layer.msg('监听到下拉选框选中值发生改变'+rName);
            $.ajax({
                url:'getPid/'+rName,
                type:'get',
                success:function(data){
                	$("#parentId1").attr("value",data);
                }
            })

        });
    })
}

/**
* 加载资源名下拉框的内容
*/
var loadresourceName = function(){
	$.ajax({
	  url:'rName',
	  type:'get',
	  success:function(data){
	       for (var i = 0; i < data.length; i++) {
	             $("select").append("<option value='"+data[i]+"'>" + data[i]+"</option>");
	       }
	        layui.use('form', function(){
	           var form = layui.form;
	           form.render();
	      });
	   }
	})
}


/*
 * 所有功能
 */
var All = function() {
	layui.config({
		    base: '../static/module/'
	}).extend({
		    treetable: 'treetable-lay/treetable'
	}).use(['table', 'treetable' , 'laydate', 'laypage', 'layer', 'table', 'element'], function () {
		   	 var $ = layui.jquery;
		   	 var table = layui.table;
		   	 var treetable = layui.treetable;
		   	 var tree = layui.tree;
		  	 var form = layui.form;
		 	 var laydate = layui.laydate //日期
		 	
		 	 ,laypage = layui.laypage //分页
		 	 ,layer = layui.layer //弹层
		 	 ,table = layui.table //表格
		  	,element = layui.element //元素操作
		  
		  //执行一个 table 实例
		  	treetable.render({
		    elem: '#demo'
		    ,treeColIndex: 1
		    ,treeSpid: 0
		    ,treeIdName: 'resourceId'
		    ,treePidName: 'parentId'
		    ,url: 'resources' //数据接口
		    ,page: false //开启分页
		    ,toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
		    ,cols: [[ //表头
		      {type: 'checkbox', fixed: 'left'}
		      ,{field: 'resourceName', title: '资源名称'}
		      ,{field: 'shortName', title: '缩写'}
		      ,{field: 'resourceUrl', title: '资源Url'}
		      ,{field: 'resourceType', title: '资源类型'}
		      ,{field: 'resourceRank', title: '资源级别'}
		      ,{field: 'resourceNumber', title: '资源序号'}
		      ,{field: 'usable', title: '是否可用',align:'center',toolbar:'#checkboxTpl'}
		    ]]
		  });
		 	//监听锁定操作
		 	form.on('checkbox(lockDemo)', function(obj){
		 	   var result = obj.elem.checked;
		 	   var id = this.value;
		 	   if(result){
		 		   var i = 1;
		 	   }else{
		 		   var i = 0;
		 	   }
		 	  $.ajax({
		 		url:'Updateusable',
		 		type : "POST",
				data : {
					"_method" : "PUT",
					"usable":i,
					"resourceId":id
				}
		 	  });
		 	});
		 	 
		  //监听头工具栏事件
		  table.on('toolbar(test)', function(obj){
		    var checkStatus = table.checkStatus(obj.config.id)
		    ,data = checkStatus.data; //获取选中的数据
		    switch(obj.event){
		      case 'add':
		    	// 弹出新增模态框
				initAddResourceModal();
				break;
		      case 'update':
		        if(data.length === 0){
		          layer.msg('请选择一行');
		        } else if(data.length > 1){
		          layer.msg('只能同时编辑一个');
		        } else {
		        	initUpdateResourceModal(data[0]);
		        	break;
		        }
		      break;
		      case 'delete':
		    	var	  resourceId="";
		    	for(var i = 0; i<data.length; i++){
		    		resourceId += data[i].resourceId+",";
		    	}
		        if(data.length == 0){
		          layer.msg('请选择一行');
		        } else {
		        	layer.confirm('真的删除行么', function(index) {
						$.ajax({
							type : "POST",
							data : {
								_method : "DELETE"
							},
							url : 'resource/' + resourceId,
							success : function(data) {
								if (data == 1) {
									layer.close(layer.index);
				                    window.parent.location.reload();
							        layer.confirm('删除成功');
								} else {
									layer.confirm('删除失败');
								}
							}
						});
					});
		        }
		      break;
		    };
		  });
		  
		  //监听行工具事件
		  table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
		    var data = obj.data //获得当前行数据
		    ,layEvent = obj.event; //获得 lay-event 对应的值
		    if(layEvent === 'detail'){
		      layer.msg('查看操作');
		    } else if(layEvent === 'del'){
		    	layer.confirm('真的删除行么', function(index) {
					$.ajax({
						type : "POST",
						data : {
							_method : "DELETE"
						},
						url : 'resource/' + data.resourceId,
						success : function(data) {
							if (data == 1) {
								obj.del();
						        layer.close(index);
						        layer.confirm('删除成功');
							} else {
								layer.confirm('删除失败');
							}
						}
					});
				});
		    } else if(layEvent === 'edit'){
		      layer.msg('编辑操作');
		    }
		  });
		  
		//初始化新增模态框
		  var initAddResourceModal = function() {
		  	// 弹出一个页面层
		  	layer.open({
		  		type : 1 // 基本层类型0~4，1为页面层
		  		,
		  		title : '添加资源' // 标题
		  		,
		  		area : [ '400px', '550px'] // 宽高 只写一个参数就是表示宽度，高度会自适应
		  		,
		  		content : $("#addResourceModal") // 文本、html都行
		  		,
		  		anim : 0 // 弹出动画
		  		,
		  		resize : false // 是否允许拉伸
		  		,
		  		end : function() { // 弹出层销毁时的回调函数（不论何种方式，只要关闭了就执行）
		  			// 清空表单
		  			$("#addResourceForm")[0].reset();
		  		}
		  	});
		  }
		  // 初始化修改模态框
		  var initUpdateResourceModal = function(data) {
		  	// 弹出一个页面层
		  	layer.open({
		  		type : 1 // 基本层类型0~4，1为页面层
		  		,
		  		title : '修改资源' // 标题
		  		,
		  		area : [ '400px', '550px' ] // 宽高 只写一个参数就是表示宽度，高度会自适应
		  		,
		  		content : $("#updateResourceModal") // 文本、html都行
		  		,
		  		anim : 0 // 弹出动画
		  		,
		  		resize : false // 是否允许拉伸
		  		,
		  		end : function() { // 弹出层销毁时的回调函数（不论何种方式，只要关闭了就执行）
		  			// 清空表单
		  			$("#updateResourceForm")[0].reset();
		  		}
		  	
		  	});

		 // 表单赋值
		  	form.val('updateResourceForm', {
		  		"resourceId" : data.resourceId,
		  		"resourceName" : data.resourceName,
		  		"shortName" : data.shortName,
		  		"parentId1" : data.parentId,
		  		"parentName1" : data.parentName,
		  		"resourceUrl" : data.resourceUrl,
		  		"resourceType" : data.resourceType,
		  		"remark" : data.remark
		  	});
		  }
		  // 关闭模态框
		  $(".modalClose").click(function() {
		  	// 关闭页面上所有类型的所有弹框
		  	layer.closeAll();
		  });
		  form.on('submit(resourceSearchBtn)', function(data) {
		  	var data = data.field;
		  	return false; // 阻止表单跳转。如果需要表单跳转，去掉这段即可。
		  });
	});
}
